<template>
  <div class="mx-[10px]">
    <el-tabs v-model="activeName">
      <el-tab-pane label="物流提交" name="1"></el-tab-pane>
      <el-tab-pane label="财务审核" name="2"></el-tab-pane>
    </el-tabs>
  </div>
  <template v-if="activeName == 1">
    <diffLogistics :optionsData="optionsDataAll" />
  </template>
  <template v-else>
    <diffFinance :optionsData="optionsDataAll" />
  </template>
</template>
<script setup lang="jsx">
import { ElMessage } from "element-plus";
import diffLogistics from "../diffLogistics/index";
import diffFinance from "../diffFinance/index";
import { useFetchSelect, useEnumSelect } from "@/hooks";
import { getChannelList, logisticsList, getCountry } from "@/api/index.js";
const activeName = ref("1");
const { options: optionsData } = useFetchSelect({
  params: ["finance.initial-bills", "map.logistics"],
});
const { options: optionsData1 } = useEnumSelect({
  params: [
    "finance_initial_bill_warning_weight_type",
    "tc_allocation_method",
    "tc_bill_cycle_type",
  ],
});
const optionsDataAll = computed(() => {
  return {
    ...optionsData.value,
    ...optionsData1.value,
  };
});
</script>
<style scoped lang="scss">
:deep(.el-tabs__header) {
  margin: 0;
}
</style>
